li{
  list-style: none;
}
.big{
  width: 660px;
  margin: 0 auto;
}
.search{
  width: 660px;
  display: flex;
}
.logo{
  margin-left: 60px;
}
.inp{
  width: 548px;
  height:40px ;
  border: 3px solid #4e6ef2;
  border-radius: 8px 0px 0px 8px ;
  border-right: none;
}
.baidu{
  width:108px ;
  height:46px ;
  background-color:#4e6ef2 ;
  border-radius: 0px 8px 8px 0px ;
  text-align: center;
  line-height: 45px;
  font-size:18px ;
  color: #ffffff;
  cursor: pointer;
}
.totality{
  width: 655px;
}
.title{
  font-size: 20px;
  display: flex;
  justify-content: space-between;
}
.hot{
  color:#222222 ;
}
.exchange{
  color: #626675;
  cursor: pointer;
}
.list{
  width: 655px;
  height:120px ;
}
.list ul{
  width: 655px;
  margin-left: -45px;
  display: flex;
  flex-wrap: wrap;
}
.list ul li{
  width: 320px;
  font-size: 18px;
  color: #222222;
  margin-bottom: 20px;
}
/* todolist布局 */
.todolist {
  margin-top: 50px;
}

.list_head {
  width: 788px;
  height: 140px;
  background-color: #dff0d8;
}

.todolisth2 {
  color: #3c763d;
  margin-left: 20px;
}

.record {
  color: #6c9a6a;
  margin-left: 20px;
}

.content {
  width: 50px;
  height: 34px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-right: none;
  border: 1px solid #cccccc;
  background-color: #eeeeee;
  margin-left: 20px;
}

.contentinp {
  width: 650px;
  height: 30px;
  border: 1px solid #cccccc;
}

.confirm {
  width: 50px;
  height: 34px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 1px solid #cccccc;
}

.navlist {
  width: 788px;
  height: 148px;
  line-height: 42px;
  margin: 0 auto;
}

.show {
  width: 100%;
  height: 42px;
  border-bottom: #000000 1px dashed;
  display: flex;
  justify-content: space-between;
}

.box {
  margin-left: 20px;
}

.listButtom {
  width: 788px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}